<template>
    <div class="moviecat">
        <!-- 顶部导航栏开始 -->
        <div class="top">
            <div class="header">
                <div class="search">
                    <input class="my-input" type="text" placeholder="电影搜索">
                    <button>搜索</button>
                </div>
            </div>
            <nav class="nav">
                <ul>
                    <!--li中添加 active 类样式，显示焦点状态。-->

                    <li class="active"><router-link to="/Moviehome">首页</router-link></li>
                    <li><router-link to="/Hot">正在热映</router-link></li>
                    <li><router-link to="/Will">即将上映</router-link></li>
                    <li><router-link to="/top250">Top250</router-link></li>
                </ul>
            </nav>
        </div>
        <router-view>

        </router-view>
        <moviehome></moviehome>

    </div>
</template>
<script>
//import '../../../statics/css/reset.css'
//import '../../../statics/css/wap.css'
    import moviehome from './Moviehome.vue'
//    import hot from './Hot.vue'
//    import will from './Will.vue'
//    import top from './Top250.vue'
    export default{
        components:{
//            hot,
            moviehome,
//            top,
//            will
        },
        data(){
            return{

            }
        },
        created(){

        },
        methods:{

        }
    }
</script>
<style scoped>

    /*@import "../../../statics/css/reset.css";*/
    /*@import "../../../statics/css/wap.css";*/
</style>